<meta charset="utf-8">
<script src = "./utils.js"></script>
<style>
    img{
        width: 1200px;
        height: 800px;
    }
</style>

<img src="./img/q.webp"  src-real="./img/b1.webp" alt="">
<img src="./img/q.webp"  src-real="./img/b2.webp" alt="">
<img src="./img/q.webp"  src-real="./img/b3.webp" alt="">
<img src="./img/q.webp"  src-real="./img/b4.webp" alt="">
<img src="./img/q.webp"  src-real="./img/b5.webp" alt="">
<img src="./img/q.webp"  src-real="./img/b6.webp" alt="">

<script>
    lazyload();
    // window.onscroll=lazyload;
    let t = null
    window.onscroll=function(){
        clearTimeout(t)
        t=setTimeout(()=>{
            lazyload()
        },500)
    }
</script>